{% load static %}
<!DOCTYPE html>
<html>
{% include 'Head.html' %}
<body>
<!--Page main section start-->
<div id="travel_wrapper">
    <!--Header start-->
    {% include 'Header.html' %}
    <!--Header end-->
    <!--content body start-->
    <div id="content_wrapper">
        <!--page title Start-->
        <div class="page_title" data-stellar-background-ratio="0" data-stellar-vertical-offset="0"
             style="background-image:url({% static 'images/MasumBhai_Express_003.jpg' %});">
            <ul>
                <li><a href="javascript:;">E booking</a></li>
            </ul>
        </div>
        <!--page title end-->
        <div class="clearfix"></div>
        <div class="full_width destinaion_sorting_section">
            <div class="container">
                <div class="row space_100">
                    <!-- left sidebar start -->
                    <!-- left sidebar end -->
                    <!-- right main start -->
                    <div class="col-lg-12">
                        <div class="tour_package_booking_section">
                            <!-- package tabs start -->
                            <div id="tour_booking_tabs">
                                <!-- tabs start -->
                                <div class="tour_booking_tabs">
                                    <ul>
                                        <li {# style="display: none" #}><a href="#personal_info">Passenger Info</a></li>
                                        <li
                                                {# style="display: none" {# class="{%  if activate_details is none %}{{ 'hidden' }}{% endif %}" #}>
                                            <a href="#booking_details">Booking Details</a>
                                        </li>
                                        <li {# style="display: none" #}><a href="#payment_info">Payment Info</a></li>
                                        <li {# style="display: none" #}><a href="#confirmation">Confirmation</a></li>
                                    </ul>
                                </div>
                                <!-- tabs end -->
                                <!-- personal_info Start -->
                                <div id="personal_info" class="main_content_area hotel_main_content">
                                    <!--  tab inner section three Start -->
                                    <div class="inner_container">
                                        <div class="heading_tab_inner">
                                            <h5>personal information</h5>
                                        </div>
                                        <form class="package_booking_main" method="post" action="{% url 'booking' %}">
                                            {% csrf_token %}
                                            <div class="tab_inner_section inner_section_2 flight_inner_section">
                                                <div class="tab_inner_body full_width">
                                                    <!-- package_booking_form start -->
                                                    <div class="package_booking_form">
                                                        <div class="col-lg-6 col-md-6">
                                                            <input type="text" placeholder="Passenger Full Name"
                                                                   name="firstname"
                                                                   class="booking_input" required>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6">
                                                            <input type="email" placeholder="Your passenger Email"
                                                                   name="passenger_email" class="booking_input"
                                                                   required>
                                                        </div>
                                                        <div class="col-lg-6 col-md-6">
                                                            <input type="tel" placeholder="Actual Phone Number"
                                                                   name="phone"
                                                                   class="booking_input" required>
                                                        </div>
                                                        <div class="col-lg-2 col-md-2">
                                                            <input type="number" placeholder="Age" name="Age"
                                                                   class="booking_input" required>
                                                        </div>
                                                        <div class="col-lg-2 col-md-2 ">
                                                            {#                                                            <label for="genderSelection">Gender:</label>#}
                                                            <select id="genderSelection" name="gender"
                                                                    class="selectpicker" data-style="btn-primary"
                                                                    title="select Gender">
                                                                <option value="Male" selected>Male</option>
                                                                <option value="Female">Female</option>
                                                                <option value="Transgender">Transgender</option>
                                                                <option value="Prefer not to say">prefer not to say
                                                                </option>
                                                            </select>
                                                        </div>
                                                        <div class="col-lg-12">
                                                            <textarea
                                                                    placeholder="Give Your valuable comment & we will treasure that"
                                                                    class="booking_textarea"></textarea>
                                                        </div>
                                                    </div>
                                                    <!--  package_booking_form END -->
                                                </div>
                                                <!--  tab_inner_body end -->
                                                {#                                                <div class="checkbox_book top_margin">#}
                                                {#                                                    <input type="checkbox" id="check1" name="check" value="check1" disabled >#}
                                                {#                                                    <label for="check1">I want receive Brainy Fools promotional and offers#}
                                                {#                                                        in the future</label>#}
                                                {#                                                </div>#}
                                            </div>
                                            <!--  tab inner three section End -->
                                            <!-- proceed button -->
                                            <div class="full_width t_align_c">
                                                {% csrf_token %}
                                                <button type="submit" name="passenger_Created" value="passenger_Created"
                                                        class="btn_green proceed_buttton btns">
                                                    <a href="#detail-Information">proceed to next step</a>
                                                </button>
                                            </div>
                                            <!-- proceed button -->
                                        </form>
                                    </div>
                                    <!--  inner container end -->
                                </div>
                                <!-- personal_info End -->
                                <!-- booking_details Start -->
                                <div id="booking_details" class="main_content_area hotel_main_content">
                                    <div class="inner_container">
                                        <!--  tab inner section two Start -->
                                        <div class="tab_inner_section flight_inner_section">
                                            <div class="heading_tab_inner">
                                                <h5>Train Route Details</h5>
                                                <span><a href="{% url 'index-page' %}">Change Route</a></span></div>
                                            <div class="tab_inner_body full_width">
                                                <div class="flight_review_area full_width">
                                                    <div class="col-lg-10 col-md-9">
                                                        <!--  review area start -->
                                                        <div class="row">
                                                            <div class="col-lg-4 col-md-4"><img
                                                                    src="{% static '/images/Masum_Express.jpg' %}"
                                                                    alt="review image"></div>
                                                            <div class="col-lg-8 col-md-8">
                                                                <div class="review_content">
                                                                    <div class="top_head_bar">
                                                                        <h4>{{ departureStation }}
                                                                            - {{ arrivalStation }}</h4><br>
                                                                        <b>Route: </b><br>
                                                                        {{ betweenStations }}<br>
                                                                        <b> One Way</b><br>
                                                                        <h3 class="text-center">{{ trainName }}</h3>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!--  review area end -->
                                                        </div>
                                                        <!-- row -->
                                                    </div>
                                                    <!--  col-lg-9 -->
                                                    <div class="right_includes_flight col-lg-2 col-md-3">
                                                        <div class="doller_left">
                                                            <h2>BDT {{ totalFare }} Tk</h2>
                                                            {#                                                            <p>/Person</p>#}
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- tab include area Start -->
                                                <div class="inludes_section flight_schedule_section"><span
                                                        class="emirates_button btn-yellow">{{ ticketClasS }}</span>
                                                    <div class="main_section_flight">
                                                        <div class="country_section_box">
                                                            <p>Departure Station</p>
                                                            <h4>{{ departureStation }} - {{ departureTime }}</h4>
                                                            <p class="shedule_d">{{ departureDate }}</p>
                                                        </div>
                                                        <div class="middle_flight_section">
                                                            <h5>Total Time</h5>
                                                            <p><i class="fa fa-clock-o"></i>{{ duration }}</p>
                                                        </div>
                                                        <div class="country_section_box">
                                                            <p>Destination Station</p>
                                                            <h4>{{ arrivalStation }} - {{ arrivalTime }}</h4>
                                                            <p class="shedule_d">{{ arrivalDate }}</p>
                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- tab include area End -->
                                                <!-- tab include area Start -->
                                                <div class="inludes_section">
                                                    <div class="flight_details_table full_width">
                                                        <div class="table_heding_title">Other Details</div>
                                                        <!-- table  start-->
                                                        <div class="hotel_airlines_list">
                                                            <div class="airline_detail_list">
                                                                <fieldset>
                                                                    <ul>
                                                                        <li>
                                                                            <span>Coach Type</span><span>-</span><span>{{ ticketClasS }}</span>
                                                                        </li>
                                                                        <li>
                                                                            <span>Train Service</span><span>-</span><span>{{ trainService }}</span>
                                                                        </li>
                                                                        <li><span>Fare type</span><span>-</span><span>Refundable</span>
                                                                        </li>
                                                                        <li>
                                                                            <span>Cancellation</span><span>-</span><span>50tk/Person</span>
                                                                        </li>
                                                                        <li>
                                                                            <span>Train Change</span><span>-</span><span>25tk/Person</span>
                                                                        </li>
                                                                    </ul>
                                                                </fieldset>
                                                            </div>
                                                            <div class="airline_detail_list table_bold">
                                                                <fieldset>
                                                                    <ul>
                                                                        <li><span>Baggage</span><span>-</span><span>Extra charge</span>
                                                                        </li>
                                                                        <li>
                                                                            <span>Train Name</span><span>-</span><span>{{ trainName }}</span>
                                                                        </li>
                                                                        <li><span>Base Fare</span><span>-</span><span
                                                                                class="bold">{{ baseFare }} tk</span>
                                                                        </li>
                                                                        <li>
                                                                            <span>Tax &amp; Fees</span><span>-</span><span
                                                                                class="bold">{{ vatFare }} tk</span>
                                                                        </li>
                                                                        <li><span>Total Price</span><span>-</span><span
                                                                                class="bold">{{ totalFare }} tk</span>
                                                                        </li>
                                                                    </ul>
                                                                </fieldset>
                                                            </div>
                                                        </div>
                                                        <!-- table end -->
                                                    </div>
                                                    <!-- flight_details_table End-->
                                                </div>
                                                <!-- tab include area End -->
                                            </div>
                                            <!--  tab inner body  End-->
                                        </div>
                                        <!-- tab inner section end -->
                                    </div>
                                    <!--  inner_container -->
                                    <!-- total row Start-->
                                    <div class="full_width total_price_row">
                                        <p>Total Price - </p>
                                        <h2>{{ totalFare }} tk</h2>
                                    </div>
                                    <!-- total row End-->
                                    <!-- proceed button -->
                                    <form method="post" action="">
                                        {% csrf_token %}
                                        <div class="full_width t_align_c">
                                            <button type="submit" name="ticketCreate" value="proceed to next step"
                                                    class="btn_green proceed_buttton btns">
                                                <a href="#personal_info">Proceed to next step</a>
                                            </button>
                                        </div>
                                    </form>
                                    <!-- proceed button -->
                                </div>
                                <!-- booking_details End -->
                                <!-- payment_info Start -->
                                <div id="payment_info" class="main_content_area flight_inner_section">
                                    <!-- inner_container Start -->
                                    <div class="inner_container">
                                        <!--  tab inner three section Start -->
                                        {#                                        <div class="tab_inner_section hotel_inner_section">#}
                                        {#                                            <div class="heading_tab_inner">#}
                                        {#                                                <h5>payment Details</h5>#}
                                        {#                                            </div>#}
                                        {#                                            <!--  tab_inner_body Start-->#}
                                        {#                                            <div class="tab_inner_body full_width">#}
                                        {#                                                <div class="payment_details_main">#}
                                        {#                                                    <!-- Review content main -->#}
                                        {#                                                    <div class=" col-lg-8 col-md-8 review_content">#}
                                        {#                                                        <div class="top_head_bar">#}
                                        {#                                                            <h4>Dhaka-Chittagong</h4>#}
                                        {#                                                            <span class="country_span">Dhaka-Chittagong </span>#}
                                        {#                                                            <span class="country_span">One Way</span></div>#}
                                        {#                                                        <div class="review_star_cover">#}
                                        {#                                                            <div class="bottom_star_rating"><i class="fa fa-star"></i>#}
                                        {#                                                                <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i#}
                                        {#                                                                        class="fa fa-star"></i> <i#}
                                        {#                                                                        class="fa fa-star"></i></div>#}
                                        {#                                                            <span>345 Reviews</span></div>#}
                                        {#                                                    </div>#}
                                        {#                                                    <!-- Review content main -->#}
                                        {#                                                    <div class="col-lg-4 col-md-4">#}
                                        {#                                                        <div class="payment_table table_bold">#}
                                        {#                                                            <ul>#}
                                        {#                                                                <li><span>Base fare</span><span class="bold">$320</span>#}
                                        {#                                                                </li>#}
                                        {#                                                                <li><span>Tax &Fare</span><span class="bold">$300</span>#}
                                        {#                                                                </li>#}
                                        {#                                                                <li class="total_row">#}
                                        {#                                                                    <span>Total</span><span>$620</span></li>#}
                                        {#                                                            </ul>#}
                                        {#                                                        </div>#}
                                        {#                                                    </div>#}
                                        {#                                                </div>#}
                                        {#                                                <!-- payment_details_main end -->#}
                                        {#                                            </div>#}
                                        {#                                            <!--  tab_inner_body end -->#}
                                        {#                                        </div>#}
                                        <!--  tab inner three section End -->
                                        <!--  tab inner  section start -->
                                        <div class="tab_inner_section hotel_inner_section">
                                            <div class="heading_tab_inner">
                                                <h5>payment method</h5>
                                            </div>
                                            <!--  tab_inner_body Start-->
                                            <div class="tab_inner_body full_width">
                                                <div class="payment_mathod_tabs" id="payment_vertical_tabs">
                                                    <div class="payment_vertical_tabs">
                                                        <ul>
                                                            <li><a href="#credit_card">Nogod/Bkash/Rocket</a></li>
                                                            <li><a href="#debit_card">debit / credit card</a></li>
                                                        </ul>
                                                    </div>
                                                    <!-- Mobile Banking content -->
                                                    <div id="credit_card" class="vertical_tab_content">
                                                        <!-- Inner Body Payment Start -->
                                                        <div class="inner_body_payment">
                                                            <form class="payment_method_form" method="post" action="">
                                                                {% csrf_token %}
                                                                <fieldset> {% csrf_token %}
                                                                    <label>Nogod/Bkash/Rocket Account Holder's
                                                                        information should be
                                                                        genuine</label>
                                                                    <input type="text"
                                                                           placeholder="Name Of The Account Holder"
                                                                           class="input_card" name="mbAccountName"
                                                                           required>
                                                                </fieldset>
                                                                <fieldset> {% csrf_token %}
                                                                    <label>Mobile Banking Account Number</label>
                                                                    <input type="text"
                                                                           placeholder="Your Mobile Banking Phone Number"
                                                                           name="mbAccountNumber"
                                                                           class="input_credit_card" required>
                                                                    <a href="#"><img
                                                                            src="{% static 'images/tour-booking/card1.jpg' %}"
                                                                            alt="debit card"></a> <a
                                                                            href="#"><img
                                                                            src="{% static 'images/tour-booking/card2.jpg' %}"
                                                                            alt="debit card"></a> <a href="#"><img
                                                                            src="{% static 'images/tour-booking/card3.jpg' %}"
                                                                            alt="debit card"></a><a href="#"><img
                                                                            src="{% static 'images/tour-booking/card2.jpg' %}"
                                                                            alt="debit card"></a>
                                                                </fieldset>
                                                                <div class="checkbox_section">
                                                                    <input id="paymentClear" type="checkbox"
                                                                           name="mbPaymentCheck" value="True">
                                                                    <label for="paymentClear">Bill Cleared</label>
                                                                </div>
                                                                <fieldset>
                                                                    {% csrf_token %}
                                                                    <label>Transaction Pin</label>
                                                                    <input type="text"
                                                                           placeholder="your Transaction Pin"
                                                                           class="input_card" name="mbTransactionPin"
                                                                           required>
                                                                </fieldset>
                                                                <div class="checkbox_section">
                                                                    <div class="checkbox_book">
                                                                        <input id="tabcheck" type="checkbox"
                                                                               name="tabcheck" value="tabcheck" checked
                                                                               disabled>
                                                                        <label for="tabcheck">Yes, I have read and I
                                                                            agree to the booking conditions</label>
                                                                    </div>
                                                                    {% csrf_token %}
                                                                    <button type="submit" value="proceed payment"
                                                                            name="mobileBanking"
                                                                            class="btn_green proceed_buttton btns">
                                                                        <a href="#payment_info">Proceed Next</a>
                                                                    </button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <!-- Inner Body Payment End -->
                                                    </div>
                                                    <!-- Mobile Banking content end -->
                                                    <!-- debit card content start -->
                                                    <div id="debit_card" class="vertical_tab_content">
                                                        <!-- Inner Body Payment Start -->
                                                        <div class="inner_body_payment">
                                                            <form class="payment_method_form" method="post" action="">
                                                                <fieldset>
                                                                    <label>Card Holder’s Name (please enter the same
                                                                        name which is written on your card)</label>
                                                                    <input type="text" placeholder="Name On Card"
                                                                           class="input_card" name="cardHolderName"
                                                                           required>
                                                                </fieldset>
                                                                <fieldset>
                                                                    <label>Credit/Debit Card Number</label>
                                                                    <input type="text" placeholder="Name On Card"
                                                                           name="cardNumber"
                                                                           class="input_credit_card" required>
                                                                    <a href="#"><img
                                                                            src="{% static 'images/tour-booking/card1.jpg' %}"
                                                                            alt="debit card"></a> <a
                                                                        href="#"><img
                                                                        src="{% static 'images/tour-booking/card2.jpg' %}"
                                                                        alt="debit card"></a> <a href="#"><img
                                                                        src="{% static 'images/tour-booking/card3.jpg' %}"
                                                                        alt="debit card"></a><a href="#"><img
                                                                        src="{% static 'images/tour-booking/card2.jpg' %}"
                                                                        alt="debit card"></a>
                                                                </fieldset>
                                                                <div class="checkbox_section">
                                                                    <input id="paymentClear" type="checkbox"
                                                                           name="cardPaymentCheck" value="True">
                                                                    <label for="paymentClear">Bill Cleared</label>
                                                                </div>
                                                                <fieldset>
                                                                    <div class="check_in_field select_tabs">
                                                                        <label>Expiry Date</label>
                                                                        <input type="date" placeholder="YYYY-MM-DD"
                                                                               required
                                                                               pattern="[0-9]{4}-[0-9]{2}-[0-9]{2}"
                                                                               name="cardExpiryDate">
                                                                        <i class="fa fa-calendar"></i>
                                                                    </div>
                                                                    <div class="cvv_input">
                                                                        <label>CVV</label>
                                                                        <input type="text" class="cvv" name="cardCvv"
                                                                               placeholder="cvv" required>
                                                                    </div>
                                                                </fieldset>
                                                                <fieldset>
                                                                    {% csrf_token %}
                                                                    <label>Transaction Pin</label>
                                                                    <input type="text"
                                                                           placeholder="Card Transaction Pin Number"
                                                                           class="input_card" name="cardTransactionPin"
                                                                           required>
                                                                </fieldset>
                                                                <div class="checkbox_section">
                                                                    <div class="checkbox_book">
                                                                        <input id="tabcheck2" type="checkbox"
                                                                               name="tabcheck" value="tabcheck" checked
                                                                               disabled>
                                                                        <label for="tabcheck2">Yes, I have read and I
                                                                            agree to the booking conditions</label>
                                                                    </div>
                                                                    <button type="submit" value="proceed payment"
                                                                            name="cardBanking"
                                                                            class="btn_green proceed_buttton btns">
                                                                        <a href="#confirmation">Proceed Next</a>
                                                                    </button>
                                                                </div>
                                                            </form>
                                                        </div>
                                                        <!-- Inner Body Payment End -->
                                                    </div>
                                                </div>
                                                <!-- payment tab main end -->
                                            </div>
                                            <!--  tab_inner_body end -->
                                        </div>
                                        <!--  tab inner three section End -->
                                    </div>
                                    <!-- inner_container end -->
                                </div>
                                <!-- payment_info End -->
                                <!-- confirmation Start -->
                                <div id="confirmation" class="main_content_area hotel_main_content">
                                    <div class="inner_container">
                                        <!-- confirmation message -->
                                        <div class="full_width confirmation_msg"><span>Thank you. Your Booking is Confirmed Now</span>
                                        </div>
                                        <!-- confirmation message End-->
                                        <!--  tab inner section two Start -->
                                        {#                                        <div class="tab_inner_section flight_inner_section">#}
                                        {#                                            <div class="heading_tab_inner">#}
                                        {#                                                <h5>Train Route Details</h5>#}
                                        {#                                                <span><a href="{% url 'index-page' %}" disabled>Change Route</a></span></div>#}
                                        {#                                            <div class="tab_inner_body full_width">#}
                                        {#                                                <div class="flight_review_area full_width">#}
                                        {#                                                    <div class="col-lg-10 col-md-9">#}
                                        {#                                                        <!--  review area start -->#}
                                        {#                                                        <div class="row">#}
                                        {#                                                            <div class="col-lg-4 col-md-4"><img#}
                                        {#                                                                    src="{% static '/images/Masum_Express.jpg' %}"#}
                                        {#                                                                    alt="review image"></div>#}
                                        {#                                                            <div class="col-lg-8 col-md-8">#}
                                        {#                                                                <div class="review_content">#}
                                        {#                                                                    <div class="top_head_bar">#}
                                        {#                                                                        <h4>{{ departureStation }}#}
                                        {#                                                                            - {{ arrivalStation }}</h4><br>#}
                                        {#                                                                        <b>Route: </b><br>#}
                                        {#                                                                        {{ betweenStations }}<br>#}
                                        {#                                                                        <b> One Way</b>#}
                                        {#                                                                    </div>#}
                                        {#                                                                </div>#}
                                        {#                                                            </div>#}
                                        {#                                                            <!--  review area end -->#}
                                        {#                                                        </div>#}
                                        {#                                                        <!-- row -->#}
                                        {#                                                    </div>#}
                                        {#                                                    <!--  col-lg-9 -->#}
                                        {#                                                    <div class="right_includes_flight col-lg-2 col-md-3">#}
                                        {#                                                        <div class="doller_left">#}
                                        {#                                                            <h2>BDT {{ totalFare }} Tk</h2>#}
                                        {#                                                            <p>/Person</p>#}
                                        {#                                                        </div>#}
                                        {#                                                    </div>#}
                                        {#                                                </div>#}
                                        {#                                                <!-- tab include area Start -->#}
                                        {#                                                <div class="inludes_section flight_schedule_section"><span#}
                                        {#                                                        class="emirates_button btn-yellow">{{ travellerClass }}</span>#}
                                        {#                                                    <div class="main_section_flight">#}
                                        {#                                                        <div class="country_section_box">#}
                                        {#                                                            <p>Departure Station</p>#}
                                        {#                                                            <h4>{{ departureStation }} - {{ departureTime }}</h4>#}
                                        {#                                                            <p class="shedule_d">{{ departureDate }}</p>#}
                                        {#                                                        </div>#}
                                        {#                                                        <div class="middle_flight_section">#}
                                        {#                                                            <h5>Total Time</h5>#}
                                        {#                                                            <p><i class="fa fa-clock-o"></i>{{ duration }}</p>#}
                                        {#                                                        </div>#}
                                        {#                                                        <div class="country_section_box">#}
                                        {#                                                            <p>Destination Station</p>#}
                                        {#                                                            <h4>{{ arrivalStation }} - {{ arrivalTime }}</h4>#}
                                        {#                                                            <p class="shedule_d">{{ arrivalDate }}</p>#}
                                        {#                                                        </div>#}
                                        {#                                                    </div>#}
                                        {#                                                </div>#}
                                        {#                                                <!-- tab include area End -->#}
                                        {#                                                <!-- tab include area Start -->#}
                                        {#                                                <div class="inludes_section">#}
                                        {#                                                    <div class="flight_details_table full_width">#}
                                        {#                                                        <div class="table_heding_title">Other Details</div>#}
                                        {#                                                        <!-- table  start-->#}
                                        {#                                                        <div class="hotel_airlines_list">#}
                                        {#                                                            <div class="airline_detail_list">#}
                                        {#                                                                <fieldset>#}
                                        {#                                                                    <ul>#}
                                        {#                                                                        <li><span>Coach Type</span><span>-</span><span>{{ travellerClass }}</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li>#}
                                        {#                                                                            <span>Train Service</span><span>-</span><span>{{ trainService }}</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li><span>Fare type</span><span>-</span><span>Refundable</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li>#}
                                        {#                                                                            <span>Cancellation</span><span>-</span><span>50tk/Person</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li>#}
                                        {#                                                                            <span>Train Change</span><span>-</span><span>25tk/Person</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                    </ul>#}
                                        {#                                                                </fieldset>#}
                                        {#                                                            </div>#}
                                        {#                                                            <div class="airline_detail_list table_bold">#}
                                        {#                                                                <fieldset>#}
                                        {#                                                                    <ul>#}
                                        {#                                                                        <li><span>Baggage</span><span>-</span><span>Extra Charge</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li>#}
                                        {#                                                                            <span>Train Name</span><span>-</span><span>{{ trainName }}</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li><span>Base Fare</span><span>-</span><span#}
                                        {#                                                                                class="bold">{{ baseFare }} tk</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li>#}
                                        {#                                                                            <span>Tax &amp; Fees</span><span>-</span><span#}
                                        {#                                                                                class="bold">{{ vatFare }} tk</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                        <li><span>Total Price</span><span>-</span><span#}
                                        {#                                                                                class="bold">{{ totalFare }} tk</span>#}
                                        {#                                                                        </li>#}
                                        {#                                                                    </ul>#}
                                        {#                                                                </fieldset>#}
                                        {#                                                            </div>#}
                                        {#                                                        </div>#}
                                        {#                                                        <!-- table end -->#}
                                        {#                                                    </div>#}
                                        {#                                                    <!-- flight_details_table End-->#}
                                        {#                                                </div>#}
                                        {#                                                <!-- tab include area End -->#}
                                        {#                                            </div>#}
                                        {#                                            <!--  tab inner body  End-->#}
                                        {#                                        </div>#}
                                        <!-- tab inner section end -->
                                        <!-- information_section start -->
                                        <div class="full_width information_section">
                                            <div class="full_width information_section">
{#                                                <div class="information_title"> Traveler & Ticket Information</div>#}
                                                <!-- information_table End -->
                                                <div class="full_width information_table_main">
                                                    <div class="booking_text t_align_c">
                                                        {#                                                    <p><img src="{% static 'images/qrCode/7aUgdNL5.png' %}" height="320px" width="320px"></p>#}
                                                        <p><img src="{{ travellerQrCode }}" height="270px"
                                                                width="270px" alt="Generated by Masum"></p>
                                                        <span>Just Scan the QR code</span></div>
                                                </div>
                                            </div>
                                            <!-- information_table End -->
                                            {#                                            <div class="full_width t_align_c">#}
                                            {#                                                <button type="button" value="proceed to next step"#}
                                            {#                                                        class="btn_green proceed_buttton btns">print booking#}
                                            {#                                                </button>#}
                                            {#                                            </div>#}
                                            <div class="full_width information_table_main">
                                            <div class="information_title"> Traveler & Ticket Information</div>
                                                <div class="col-lg-6 col-md-6 border_right">
                                                    <div class="payment_table_package">
                                                        <table class="table">
                                                            <tr>
                                                                <td>Traveler Name :</td>
                                                                <td>{{ travellerName }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Departure Station :</td>
                                                                <td>{{ travellerSource }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Gender :</td>
                                                                <td>{{ travellerGender }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Traveler Phone :</td>
                                                                <td>{{ travellerPhone }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Traveler Mail :</td>
                                                                <td>{{ travellerMail }}</td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <!--  Payment Table End -->
                                                </div>
                                                <div class="col-lg-6 col-md-6 border_right">
                                                    <div class="payment_table_package">
                                                        <table class="table">
                                                            <tr>
                                                                <td>Ticket Number :</td>
                                                                <td>{{ travellerTicket }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Arrival Station :</td>
                                                                <td>{{ travellerDest }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Traveler Seat Number :</td>
                                                                <td>{{ travellerSeat }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Transaction Pin :</td>
                                                                <td>{{ travellerTranx }}</td>
                                                            </tr>
                                                            <tr>
                                                                <td>Ticket Issued :</td>
                                                                <td>{{ ticketIssueDate }}</td>
                                                            </tr>
                                                        </table>
                                                    </div>
                                                    <!--  Payment Table End -->
                                                </div>
                                            </div>
                                            <!-- information_table End -->
                                        </div>
                                        <!-- information_section End -->
                                    </div>
                                    <!--  inner container -->
                                </div>
                                <!-- confirmation End -->
                            </div>
                            <!-- package tabs End -->
                        </div>
                        <!-- right main start -->
                    </div>
                    <!-- col-lg-9-end -->
                </div>
                <!--  row main -->
            </div>
            <!-- container -->
        </div>
        <!-- main wrapper -->
        <div class="clearfix"></div>
        <!--content body end-->
        <!--footer start-->
        {% include 'footer.html' %}
        <!--footer end-->
    </div>
    <!--Page main section end-->
    <!--main js file start-->
    {% include 'scripts.html' %}
    <!--main js file end-->
</div>
</body>
</html>